import Layout from '../../components/docs-layout';
import toast from 'react-hot-toast';

export const meta = {
  title: 'Documentation',
};

export default ({ children }) => <Layout meta={meta}>{children}</Layout>;

# Getting Started

Add beautiful notifications to your React app with [react-hot-toast](https://github.com/timolins/react-hot-toast).

### Install with pnpm

```sh
pnpm add react-hot-toast
```

### Install with NPM

```sh
npm install react-hot-toast
```

## Basic usage

```jsx
import toast, { Toaster } from 'react-hot-toast';

const notify = () => toast('Here is your toast.');

const App = () => {
  return (
    <div>
      <button onClick={notify}>Make me a toast</button>
      <Toaster />
    </div>
  );
};
```
